.line-right {
  position relative;
  &.line-right:before {
    content: " ";
    position: absolute;
    right 0;
    top: 0;
    bottom 0;
    width 1px;
    border-right: 1px solid #ddd;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
  }
}

.line-top {
  position relative;
  &.line-top:before {
    content: " ";
    position: absolute;
    left: 0;
    right 0;
    top: 0;
    height: 1px;
    border-top: 1px solid #ddd;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
}

.line-circle {
  position relative;
  &.line-circle:before {
    content: "";
    position: absolute;
    top: -50%;
    bottom: -50%;
    left: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    border: solid 1px #ddd;
    border-radius: 8px;
    box-sizing: border-box;
  }
}